.app{
	.app-1{
		image{
			width: 100%;
		}
	}
	.app-2{
		display: flex;
		padding: 25upx 0;
		view{
			text-align: center;
			flex: 1;
			image{
				width: 80upx;
			}
			text{
				display: block;
				margin-top: 10upx;
				font-size: 24upx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
			}
		}
		
	}
	.app-4{
		padding: 40upx 0 0;
		margin: 0 30upx;
		border-bottom: 2px solid  #3559E3;
		view{
			display: inline-block;
			width: 20%;
			height: 55upx;
			line-height: 55upx;
			font-size: 28upx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #000000;
			text-align: center;
			&.on{
				background-color: #3559E3;
				color: #fff;
				border-radius: 5px 5px 0 0;
			}
		}
	}
	.app-5{
		padding: 0 30upx;
		.list{
			>view{
				margin-top: 35upx;
				display: flex;
				>view{
					&:nth-child(1){
						width: 170upx;
						height: 125upx;
						position: relative;
						border-radius: 5px;
						overflow: hidden;
						>image{
							width: 100%;
							height: 100%;
						}
						view{
							position: absolute;
							width: 100%;
							height: 100%;
							display: flex;
							align-items: center;
							justify-content: center;
							image{
								width: 65upx;
							}
						}
					}
					&:nth-child(2){
						flex: 1;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						margin-left: 30upx;
						text{
							&:nth-child(1){
								font-size: 31upx;
								font-family: Source Han Sans CN;
								font-weight: 500;
								color: #333333;
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 2;
								overflow: hidden;
							}
							&:nth-child(2){
								font-size: 24upx;
								font-family: PingFang SC;
								font-weight: 500;
								color: #BBBBBB; 
							}
						}
					}
				}
			}
		}
	}
	.app-6{
		padding: 30upx;
		.list{
			padding: 30upx;
			box-shadow: 0px 10px 46upx 0px rgba(0, 0, 0, 0.06);
			view{
				display: flex;
				align-items: center;
				&:nth-child(1){
					>text{
						&:nth-child(1){
							font-size: 36upx;
							color: #000;
							flex: 1;
						}
						&:nth-child(2){
							font-size: 32upx;
							color: #FA3534;
						}
					}
				}
				&:nth-child(2){
					justify-content: space-between;
					margin: 10upx 0;
					text{
						font-size: 28upx;
						color: #999;
					}
				}
			}
			>text{
				display: block;
				&:nth-child(1){
					font-size: 36upx;
					color: #000;
				}
				&:nth-child(2){
					font-size: 32upx;
					color: #FA3534;
				}
				&:nth-child(3){
					
				}
			}
		}
	}
}